<page-header  [title]="'审批订单'">
  <!--<ng-template #breadcrumb>-->
  <!--<nz-breadcrumb>-->
  <!--<nz-breadcrumb-item>订单信息</nz-breadcrumb-item>-->
  <!--&lt;!&ndash;<nz-breadcrumb-item><a [routerLink]="['/prod/product']">订单资料</a></nz-breadcrumb-item>&ndash;&gt;-->
  <!--</nz-breadcrumb>-->
  <!--</ng-template>-->
  <!--<ng-template #tab>-->
  <!--<nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">-->
  <!--<nz-tab nzTitle="基本信息" (nzSelect)="changeTab(0)"></nz-tab>-->
  <!--<nz-tab nzTitle="车辆信息" (nzSelect)="changeTab(1)"></nz-tab>-->
  <!--<nz-tab nzTitle="担保人" (nzSelect)="changeTab(2)"></nz-tab>-->
  <!--<nz-tab nzTitle="附件信息" (nzSelect)="changeTab(3)"></nz-tab>-->
  <!--<nz-tab nzTitle="自动识别" (nzSelect)="changeTab(4)"></nz-tab>-->
  <!--</nz-tabset>-->
  <!--</ng-template>-->
  <ng-template #action><button nz-button (click)="back()"style="float: right"><i class="anticon anticon-rollback" style="font-size: 14px"></i>返回订单列表</button></ng-template>

</page-header>

<nz-spin [nzSpinning]="loading">
  <!-- <nz-card nzTitle="风控信息 "  >

    <simple-table #strm
      [columns]="columnsrm"
      [data]="rmurl"
      [ps]="ps"
      [extraParams]="q"
      [resReName]="{ total: 'total', list: 'data'}"
      [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
      toTopInChange
      [showTotal]="true"
      [showSizeChanger]="false"
      [scroll]="{  x: '1300px' }"

      [showPagination]="false">

    </simple-table>

  </nz-card> -->



    <nz-card nzTitle="基本信息 "   >



      <form nz-form>

        <nz-form-item>
          <nz-form-label nzSpan="3" nzRequired>订单编号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input readonly="readonly" nz-input required [(ngModel)]="product.orderNo" name="orderNo">

          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-label nzSpan="3" nzRequired>产品</nz-form-label>
          <nz-form-control nzSpan="9">
            <!--<nz-select style="" required [(ngModel)]="product.proNo" name="proNo" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
              <!--<nz-option [nzLabel]="proNo.text" [nzValue]="proNo.value" *ngFor="let proNo of proNos"></nz-option>-->
            <!--</nz-select>-->
            <input readonly="readonly" nz-input required [(ngModel)]="product.proName" name="proName">
          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>客户姓名</nz-form-label>
          <nz-form-control nzSpan="9">
            <input readonly="readonly" nz-input required [(ngModel)]="product.cusName" name="cusName">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>联系电话</nz-form-label>
          <nz-form-control nzSpan="9">
            <input  nz-input  required [(ngModel)]="product.cusMobile" name="cusMobile">

          </nz-form-control>

          <!--<nz-form-label nzSpan="3" nzRequired>证件类型</nz-form-label>-->
          <!--<nz-form-control nzSpan="9">-->
            <!--<nz-select required [(ngModel)]="product.cusrIdtype" name="cusrIdtype"  nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
              <!--<nz-option [nzLabel]="cusrIdtype.text" [nzValue]="cusrIdtype.value" *ngFor="let cusrIdtype of cusrIdtypes"></nz-option>-->
            <!--</nz-select>-->

          <!--</nz-form-control>-->

          <nz-form-label nzSpan="3" nzRequired>证件号码</nz-form-label>
          <nz-form-control nzSpan="9">
            <input readonly="readonly" nz-input required [(ngModel)]="product.cusIncard" name="cusIncard">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>证件有效起始日</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-date-picker   required name="cusIdValidfrom" [(ngModel)]="product.cusIdValidfrom"></nz-date-picker>


          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>证件有效截止日</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-date-picker   required name="cusIdValidto" [(ngModel)]="product.cusIdValidto"></nz-date-picker>



          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>身份证地址</nz-form-label>
          <nz-form-control nzSpan="9">
            <input readonly="readonly" nz-input required [(ngModel)]="product.cusResAddr" name="cusResAddr">

          </nz-form-control>

          <nz-form-label nzSpan="3" >性别</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style="" [(ngModel)]="product.cusGender" name="cusGender" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="cusGender.text" [nzValue]="cusGender.value" *ngFor="let cusGender of cusGenders"></nz-option>
            </nz-select>
          </nz-form-control>

          <!-- <nz-form-label nzSpan="3" >婚姻</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style="" [(ngModel)]="product.cusMaritalStatus" name="cusMaritalStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="cusMaritalStatus.text" [nzValue]="cusMaritalStatus.value" *ngFor="let cusMaritalStatus of cusMaritalStatuss"></nz-option>
            </nz-select>
          </nz-form-control> -->

          <!-- <nz-form-label nzSpan="3">学历</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style="" [(ngModel)]="product.cusDeu" name="cusDeu" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="cusDeu.text" [nzValue]="cusDeu.value" *ngFor="let cusDeu of cusDeus"></nz-option>
            </nz-select>
          </nz-form-control> -->

          <nz-form-label nzSpan="3">民族</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style="" [(ngModel)]="product.cusEthnical" name="cusEthnical" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="cusEthnical.text" [nzValue]="cusEthnical.value" *ngFor="let cusEthnical of cusEthnicals"></nz-option>
            </nz-select>
          </nz-form-control>


          <!--<nz-form-label nzSpan="2" >年龄</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
          <!--<input nz-input [(ngModel)]="product.cusAge" name="cusAge">-->

          <!--</nz-form-control>-->

          <nz-form-label nzSpan="3" >出生日期</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-date-picker  name="cusBirthday" [(ngModel)]="product.cusBirthday"></nz-date-picker>



          </nz-form-control>

          <!-- <nz-form-label nzSpan="3" >QQ号码</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input [(ngModel)]="product.cusQqid" name="cusQqid">

          </nz-form-control> -->

          <nz-form-label nzSpan="3" >常住地址</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input [(ngModel)]="product.cusRemark" name="cusRemark">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>状态</nz-form-label>
          <nz-form-control nzSpan="9">
            <!--<nz-select style="" [(ngModel)]="product.bpmStatus" name="bpmStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
              <!--<nz-option [nzLabel]="bpmStatu.text" [nzValue]="bpmStatu.value" *ngFor="let bpmStatu of bpmStatus"></nz-option>-->
            <!--</nz-select>-->
            <input readonly="readonly" nz-input required [(ngModel)]="product.orderStatus" name="orderStatus">

          </nz-form-control>

          <!-- <nz-form-label nzSpan="3" nzRequired>是否有子女</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.orderBy4" name="orderBy4">
          </nz-form-control> -->


          <nz-form-label nzSpan="3" nzRequired>紧急联系人姓名</nz-form-label>
          <nz-form-control nzSpan="9">
            <input readonly="readonly" nz-input required="required" [(ngModel)]="product.emergencyContact1" name="emergencyContact1">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>紧急联系人电话</nz-form-label>
          <nz-form-control nzSpan="9">
            <input readonly="readonly" nz-input required="required" [(ngModel)]="product.emergencyMobile1" name="emergencyMobile1">

          </nz-form-control>

          <!-- <nz-form-label nzSpan="3"  >工作单位</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.orderBy6" name="orderBy6">
          </nz-form-control> -->



          <!-- <nz-form-label nzSpan="3"  >单位地址</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.orderBy7" name="orderBy7">
          </nz-form-control> -->

          <!-- <nz-form-label nzSpan="3"  >月收入</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.orderBy8" name="orderBy8">
          </nz-form-control> -->

          <!-- <nz-form-label nzSpan="3"  >银行卡号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.orderBy9" name="orderBy9">
          </nz-form-control> -->


        </nz-form-item>
      </form>
    </nz-card>
<!-- 
    <nz-card nzTitle="行驶证信息" >
      <form nz-form>
        <nz-form-item>


          <nz-form-label nzSpan="3" nzRequired>注册/发证日期</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dyptype" name="dyptype"> -->

            <!--<nz-select style=""  [(ngModel)]="product.dyptype" name="dyptype" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
            <!--<nz-option [nzLabel]="dyptype.text" [nzValue]="dyptype.value" *ngFor="let dyptype of dyptypes"></nz-option>-->
            <!--</nz-select>-->
          <!-- </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>品牌/车型</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypname" name="dypname">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>车牌号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypvalue" name="dypvalue">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>所有人</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypyear" name="dypyear">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>使用性质</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypclass" name="dypclass"> -->

            <!--<nz-select required="required" [(ngModel)]="product.dypclass" name="dypclass" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
            <!--<nz-option [nzLabel]="dypclass.text" [nzValue]="dypclass.value" *ngFor="let dypclass of dypclasss"></nz-option>-->
            <!--</nz-select>-->
          <!-- </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>住址</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypremark1" name="dypremark1">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>车架号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">

          </nz-form-control>
          <nz-form-label nzSpan="3" nzRequired>发动机号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input  nz-input required="required" [(ngModel)]="product.dypremark3" name="dypremark3">

          </nz-form-control>
        </nz-form-item>
      </form>
    </nz-card> -->
    <!-- <nz-card nzTitle="驾驶证信息" >
      <form nz-form>
        <nz-form-item>


          <nz-form-label nzSpan="3" nzRequired>注册/发证日期</nz-form-label>
          <nz-form-control nzSpan="9">
            <input readonly="readonly" nz-input required="required" [(ngModel)]="product.dypyear1" name="dypyear1">

          </nz-form-control>

         

          <nz-form-label nzSpan="3" nzRequired>所有人</nz-form-label>
          <nz-form-control nzSpan="9">
            <input readonly="readonly" nz-input required="required" [(ngModel)]="product.dyptype1" name="dyptype1">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>使用性质</nz-form-label>
          <nz-form-control nzSpan="9">
            <input readonly="readonly" nz-input required="required" [(ngModel)]="product.dypclass1" name="dypclass1">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>住址</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypremark11" name="dypremark11">

          </nz-form-control>

          
        </nz-form-item>
      </form>
    </nz-card> -->


  <nz-card nzTitle="申请信息">
    <form nz-form>
      <nz-form-item>


        <!-- <nz-form-label nzSpan="2" nzRequired>车身价</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="product.orderBy19" name="orderBy19">
        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>申请期限(月）</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="product.orderPeriod" name="orderPeriod">
        </nz-form-control>

        <nz-form-label nzSpan="2" >购置税</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy20" name="orderBy20">
        </nz-form-control>

        <nz-form-label nzSpan="2" >首年商业险</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy21" name="orderBy21">
        </nz-form-control>

        <nz-form-label nzSpan="2" >交强险</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy22" name="orderBy22">
        </nz-form-control>

        <nz-form-label nzSpan="2" >车船税</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy23" name="orderBy23">
        </nz-form-control>

        <nz-form-label nzSpan="2" >配置</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy23" name="orderBy23">
        </nz-form-control>

        <nz-form-label nzSpan="2" >上牌费</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy24" name="orderBy24">
        </nz-form-control>
        
        <nz-form-label nzSpan="2" >运管GPS</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy36" name="orderBy36">
        </nz-form-control>

        <nz-form-label nzSpan="2" >风控GPS</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy25" name="orderBy25">
        </nz-form-control>
        
        <nz-form-label nzSpan="2" >人身意外险</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy26" name="orderBy26">
        </nz-form-control>

        <nz-form-label nzSpan="2" >贷款保证保险</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy27" name="orderBy27">
        </nz-form-control>

        <nz-form-label nzSpan="2" >双方总分润</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy28" name="orderBy28">
        </nz-form-control>

        <nz-form-label nzSpan="2" >佣金</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy31" name="orderBy31">
        </nz-form-control> -->

        <nz-form-label nzSpan="2" nzRequired>车身颜色</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" readonly="readonly" [(ngModel)]="product.orderBy37" name="orderBy37">
        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>合计金额</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" readonly="readonly" [(ngModel)]="product.orderBy32" name="orderBy32">
        </nz-form-control>
        
        <nz-form-label nzSpan="2" nzRequired >首付</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required readonly="readonly" [(ngModel)]="product.orderBy33" name="orderBy33">
        </nz-form-control>

        <nz-form-label nzSpan="2"  nzRequired>贷款</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required  readonly="readonly" [(ngModel)]="product.orderBy34" name="orderBy34">
        </nz-form-control>

        <nz-form-label nzSpan="2" >月供</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required readonly="readonly"  [(ngModel)]="product.orderBy18" name="orderBy18">
        </nz-form-control>

        <nz-form-label nzSpan="2" >产品类型</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required readonly="readonly"  [(ngModel)]="product.orderBy35" name="orderBy35">
        </nz-form-control>
        <nz-form-label nzSpan="2"  nzRequired >车辆评估价</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required readonly="readonly"  [(ngModel)]="product.orderBy71" name="orderBy71">
        </nz-form-control>
       
        <!-- <nz-form-label nzSpan="2" >其他</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy17" name="orderBy17">
        </nz-form-control> -->
      

      </nz-form-item>
    </form>
  </nz-card>



  <nz-card nzTitle="配偶信息"  >
      <form nz-form>
        <nz-form-item>


          <!-- <nz-form-label nzSpan="3" nzRequired>与贷款人关系</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style=""  [(ngModel)]="product.emergencyRelation" name="emergencyRelation" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="reltype.text" [nzValue]="reltype.value" *ngFor="let reltype of relTypes"></nz-option>
            </nz-select>
          </nz-form-control> -->

          <nz-form-label nzSpan="3" nzRequired>姓名</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.emergencyContact" name="emergencyContact">

          </nz-form-control>

          <!-- <nz-form-label nzSpan="3" nzRequired>身份证</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.emergencyOffice" name="emergencyOffice">

          </nz-form-control> -->

          <nz-form-label nzSpan="3" nzRequired>手机</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.emergencyMobile" name="emergencyMobile">

          </nz-form-control>


          <!-- <nz-form-label nzSpan="3" nzRequired>住址</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.emergencyResAddr" name="emergencyResAddr">

          </nz-form-control> -->

          <!--<nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>-->
          <!--<nz-form-control nzSpan="4">-->
          <!--<input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">-->

          <!--</nz-form-control>-->


        </nz-form-item>
      </form>
    </nz-card>


    <nz-card nzTitle="身份证">
        <button nz-button type="primary" nzType="primary" (click)="packattac()">打包附件</button>
        <a down-file [http-data]="data" [http-url]="downurl" file-name="附件信息.zip"  *ngIf="downurl" >
          <!-- <a down-file [http-data]="data" http-url="http://localhost:8080/fxj380/img/server/1111111/20190322001649/1111111.doc?down=true" file-name="车辆信息"> -->
          <i class="anticon anticon-download"></i> 下载附件
        <!-- </a> -->
      </a>
      <div class="clearfix">
        <nz-upload
          [nzMultiple]="true"
          [nzAction]="uploadUr1"
          [nzData]="avatarParam1"
          nzListType="picture-card"
          [(nzFileList)]="fileList1"
          [nzShowButton]="fileList1.length < 300"
          (nzChange)="upLoadChange1($event)"
          [nzPreview]="handlePreview1">

          <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
          <div style="margin-top: 0px; color: #666;">  </div>
        </nz-upload>
        <nz-modal [nzVisible]="previewVisible1" [nzContent]="modalContent1" [nzFooter]="null" (nzOnCancel)="previewVisible1=false">
          <ng-template #modalContent1>
            <img [src]="previewImage1" [ngStyle]="{ 'width': '100%' }" />
          </ng-template>
        </nz-modal>
      </div>
    </nz-card>
    <nz-card nzTitle="银行流水">
      <div class="clearfix">
        <nz-upload
          [nzMultiple]="true"
          [nzAction]="uploadUr6"
          [nzData]="avatarParam6"
          nzListType="picture-card"
          [(nzFileList)]="fileList2"
          [nzShowButton]="fileList2.length < 300"
          (nzChange)="upLoadChange2($event)"
          [nzPreview]="handlePreview2">

          <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
          <div style="margin-top: 0px; color: #666;">  </div>
        </nz-upload>
        <nz-modal [nzVisible]="previewVisible2" [nzContent]="modalContent2" [nzFooter]="null" (nzOnCancel)="previewVisible2=false">
          <ng-template #modalContent2>
            <img [src]="previewImage2" [ngStyle]="{ 'width': '100%' }" />
          </ng-template>
        </nz-modal>
      </div>
    </nz-card>
    <nz-card nzTitle="征信报告">
      <div class="clearfix">
        <nz-upload
          [nzMultiple]="true"
          [nzAction]="uploadUr7"
          [nzData]="avatarParam7"
          nzListType="picture-card"
          [(nzFileList)]="fileList3"
          [nzShowButton]="fileList3.length < 300"
          (nzChange)="upLoadChange3($event)"
          [nzPreview]="handlePreview3">

          <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
          <div style="margin-top: 0px; color: #666;">  </div>
        </nz-upload>
        <nz-modal [nzVisible]="previewVisible3" [nzContent]="modalContent3" [nzFooter]="null" (nzOnCancel)="previewVisible3=false">
          <ng-template #modalContent3>
            <img [src]="previewImage3" [ngStyle]="{ 'width': '100%' }" />
          </ng-template>
        </nz-modal>
      </div>
    </nz-card>
    <nz-card nzTitle="问询表">
      <div class="clearfix">
        <nz-upload
          [nzMultiple]="true"
          [nzAction]="uploadUr8"
          [nzData]="avatarParam8"
          nzListType="picture-card"
          [(nzFileList)]="fileList4"
          [nzShowButton]="fileList4.length < 300"
          (nzChange)="upLoadChange4($event)"
          [nzPreview]="handlePreview4"
          >

          <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
          <div style="margin-top: 0px; color: #666;">  </div>
        </nz-upload>
        <nz-modal [nzVisible]="previewVisible4" [nzContent]="modalContent4" [nzFooter]="null" (nzOnCancel)="previewVisible4=false">
          <ng-template #modalContent4>
            <img [src]="previewImage4" [ngStyle]="{ 'width': '100%' }" />
          </ng-template>
        </nz-modal>
      </div>
    </nz-card>
    <nz-card nzTitle="驾驶证及行驶证">
      <div class="clearfix">
        <nz-upload
          [nzMultiple]="true"
          [nzAction]="uploadUr9"
          [nzData]="avatarParam9"
          nzListType="picture-card"
          [(nzFileList)]="fileList5"
          [nzShowButton]="fileList5.length < 300"
          (nzChange)="upLoadChange5($event)"
          [nzPreview]="handlePreview5">

          <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
          <div style="margin-top: 0px; color: #666;">  </div>
        </nz-upload>
        <nz-modal [nzVisible]="previewVisible5" [nzContent]="modalContent5" [nzFooter]="null" (nzOnCancel)="previewVisible5=false">
          <ng-template #modalContent5>
            <img [src]="previewImage5" [ngStyle]="{ 'width': '100%' }" />
          </ng-template>
        </nz-modal>
      </div>
    </nz-card>
    <nz-card nzTitle="GPS">
      <div class="clearfix">
        <nz-upload
          [nzMultiple]="true"
          [nzAction]="uploadUr10"
          [nzData]="avatarParam10"
          nzListType="picture-card"
          [(nzFileList)]="fileList6"
          [nzShowButton]="fileList6.length < 300"
          (nzChange)="upLoadChange6($event)"
          [nzPreview]="handlePreview6">

          <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
          <div style="margin-top: 0px; color: #666;">  </div>
        </nz-upload>
        <nz-modal [nzVisible]="previewVisible6" [nzContent]="modalContent6" [nzFooter]="null" (nzOnCancel)="previewVisible6=false">
          <ng-template #modalContent6>
            <img [src]="previewImage6" [ngStyle]="{ 'width': '100%' }" />
          </ng-template>
        </nz-modal>
      </div>
    </nz-card>
    <!-- <nz-card nzTitle="文件信息 "   >
      <button nz-button type="primary" nzType="primary" (click)="packattac()">打包附件</button>
      <a down-file [http-data]="data" [http-url]="downurl" file-name="附件信息.zip"  *ngIf="downurl" >
        <a down-file [http-data]="data" http-url="http://localhost:8080/fxj380/img/server/1111111/20190322001649/1111111.doc?down=true" file-name="车辆信息">

        <i class="anticon anticon-download"></i> 下载附件
      </a>
      <form nz-form>



        <div class="clearfix">
          <nz-upload
            [nzMultiple]="true"
            [nzAction]="uploadUr5"
            [nzData]="avatarParam5"
            nzListType="picture-card"
            [(nzFileList)]="fileList"
            [nzShowButton]="fileList.length < 300"
            [nzPreview]="handlePreview" >

            <i nz-icon type="plus" style=" align-self:center;width: 110px;  height: 50px;margin-top: 46px  ">点击上传</i>
            <div style="margin-top: 0px; color: #666;">  </div>
          </nz-upload>
          <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
            <ng-template #modalContent>
              <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
            </ng-template>
          </nz-modal>
          <div style="display:flex;">
            <div style="margin-left: 20px;">身份证正面</div>
            <div style="margin-left: 35px;">身份证反面</div>
            <div style="margin-left: 60px;">驾驶证</div>
            <div style="margin-left: 60px;">银行流水</div>
            <div style="margin-left: 60px;">问询表</div>
            <div style="margin-left: 70px;">征信报告</div>
            <div style="margin-left: 50px;">车辆登记证</div>
            <div style="margin-left: 50px;">行驶证</div>
            <div style="margin-left: 70px;">银行卡</div>
            <div style="margin-left: 50px;">GPS安装位置</div>
          </div>
        </div>
      </form>
    </nz-card> -->
    

   <!--<nz-card nzTitle="面签视频 "   style="height:340px">-->
     <!--<video  width="320px" height="240px" controls>-->
       <!--<source src="assets/mqsp.mp4" type="video/mp4">-->

     <!--</video>-->
    <!--</nz-card>-->

    <nz-card nzTitle="审批意见"  >

      <textarea class="textarea"   [(ngModel)]="product.spcomment" name="spcomment"></textarea>
  
  
    </nz-card>

    <nz-card nzTitle="订单日志 "  >

      <simple-table #st
        [columns]="columns"
        [data]="logurl"
        [ps]="ps"
        [extraParams]="q"
        [resReName]="{ total: 'total', list: 'data'}"
        [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
        toTopInChange
        [showTotal]="true"
        [showSizeChanger]="false"
        [showPagination]="false">
      </simple-table>

    </nz-card>
  

</nz-spin>
<footer-toolbar errorCollect>
  <!-- <nz-form-label nzSpan="2" style="margin-top: 8px">意见</nz-form-label>
  <nz-form-control nzSpan="4" style="margin-top: 8px;margin-right: 10px;">
    <input nz-input required [(ngModel)]="product.spcomment" name="spcomment">
  </nz-form-control> -->
  <!-- <nz-form-label nzSpan="1" style="margin-top: 8px">风控</nz-form-label>
  <nz-form-control nzSpan="3" style="margin-top: 8px;margin-right: 20px">
    <nz-select style="width:120px;"  [(ngModel)]="product.fkname" name="fkname" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择风控类型'">
      <nz-option [nzLabel]="fkname.text" [nzValue]="fkname.value" *ngFor="let fkname of fknames"></nz-option>
    </nz-select>
  </nz-form-control> -->
  <!-- <button nz-button type="primary" nzType="primary" (click)="rmqueryc('J','查询借款人')">查询借款人</button>
  <button nz-button type="primary" nzType="primary" (click)="rmqueryc('D','查询担保人')">查询担保人</button> -->
  <!--<button nz-button type="primary" nzType="primary" (click)="rmqueryc('C','违章查询')">违章查询</button>-->

  <button nz-button type="primary" nzType="primary" (click)="savestc('Y','通过')">通过</button>
  <button nz-button type="primary" nzType="primary" (click)="savestc('N','不通过')">不通过</button>

  <button nz-button type="primary" nzType="primary" (click)="savestc('R','拒绝')">拒绝</button>

  <!--<button nz-button type="primary" nzType="primary" (click)="savest(10)">存疑</button>-->

</footer-toolbar>
